<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="mdui/css/mdui.min.css">
    <script src="js/axios.min.js"></script>
    <script src="js/qs.min.js"></script>
    <script defer src="mdui/js/mdui.min.js"></script>
    <script defer src="js/index.js?t=123"></script>
    <script>
        //判断是否登录 如果未登录跳转到登录页面
        // axios.get("/student/online")
        //     .then(function (res) {
        //         if (!res.data.success) {
        //             mdui.alert("用户不在线请登录")
        //             window.setTimeout(function () {
        //                 window.location.href = 'login.html'
        //             }, 3000)
        //         }
        //     });
        //退出
        function logout() {
            console.log(123)
            axios.get("student/logout")
                .then(function (res) {
                    if (res.data.success) {
                        window.location.href = 'login.html'
                    } else {
                        mdui.alert("操作失败")
                    }
                })
        }
    </script>
</head>
<body class="mdui-drawer-body-left
    mdui-appbar-with-toolbar
    mdui-theme-primary-indigo
    mdui-theme-accent-pink
    mdui-theme-layout-auto">

<header class="mdui-appbar mdui-appbar-fixed" id="mdui-header">
    <div class="mdui-toolbar mdui-color-theme">
            <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white"
                  mdui-drawer="{target: '#main-drawer', swipe: true}">
                <i class="mdui-icon material-icons">menu</i>
            </span>
        <a href="./" class="mdui-typo-headline mdui-hidden-xs">OA</a>
        <a href="" class="mdui-typo-title">标题</a>
        <div class="mdui-toolbar-spacer"></div>
        <a onclick="logout()" target="_blank"
           class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white"
           mdui-tooltip="{content: '退出'}"
        >
            <i class="mdui-icon material-icons">exit_to_app</i>
        </a>
    </div>
</header>

<!--<div class="mdui-drawer" id="main-drawer">-->
<!--    <div class="mdui-list" mdui-collapse="{accordion: true}" style="margin-bottom: 76px;">-->
<!--        <div class="mdui-collapse-item">-->
<!--            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">-->
<!--                <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue">near_me</i>-->
<!--                <div class="mdui-list-item-content">开始使用</div>-->
<!--                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>-->
<!--            </div>-->
<!--            <div class="mdui-collapse-item-body mdui-list">-->
<!--                <a href="userinfo/list.html" class="mdui-list-item mdui-ripple">用户管理</a>-->
<!--                <a href="test2.html" class="mdui-list-item mdui-ripple">测试2</a>-->
<!--                <a href="#download" class="mdui-list-item mdui-ripple">安装</a>-->
<!--                <a href="#compatibility" class="mdui-list-item mdui-ripple">兼容性</a>-->
<!--                <a href="#jq" class="mdui-list-item mdui-ripple ">JavaScript 工具库</a>-->
<!--                <a href="#global" class="mdui-list-item mdui-ripple ">JavaScript 全局方法</a>-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="mdui-collapse-item ">-->
<!--            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">-->
<!--                <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-deep-orange">layers</i>-->
<!--                <div class="mdui-list-item-content">样式</div>-->
<!--                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>-->
<!--            </div>-->

<!--            <div class="mdui-collapse-item-body mdui-list">-->
<!--                <a href="#color" class="mdui-list-item mdui-ripple ">颜色与主题</a>-->
<!--                <a href="#font" class="mdui-list-item mdui-ripple ">字体</a>-->
<!--                <a href="#grid" class="mdui-list-item mdui-ripple ">网格布局</a>-->
<!--                <a href="#typo" class="mdui-list-item mdui-ripple ">排版</a>-->
<!--                <a href="#icon" class="mdui-list-item mdui-ripple ">图标</a>-->
<!--                <a href="#media" class="mdui-list-item mdui-ripple ">媒体</a>-->
<!--                <a href="#helper" class="mdui-list-item mdui-ripple ">辅助类</a>-->
<!--                <a href="#shadow" class="mdui-list-item mdui-ripple ">阴影</a>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="mdui-collapse-item ">-->
<!--            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">-->
<!--                <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-green">widgets</i>-->
<!--                <div class="mdui-list-item-content">组件</div>-->
<!--                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>-->
<!--            </div>-->
<!--            <div class="mdui-collapse-item-body mdui-list">-->
<!--                <a href="#ripple" class="mdui-list-item mdui-ripple ">涟漪动画效果</a>-->
<!--                <a href="#button" class="mdui-list-item mdui-ripple ">按钮</a>-->
<!--                <a href="#fab" class="mdui-list-item mdui-ripple ">浮动操作按钮</a>-->
<!--                <a href="#select" class="mdui-list-item mdui-ripple ">下拉选择</a>-->
<!--                <a href="#divider" class="mdui-list-item mdui-ripple ">分隔线</a>-->
<!--                <a href="#panel" class="mdui-list-item mdui-ripple ">可扩展面板</a>-->
<!--                <a href="#textfield" class="mdui-list-item mdui-ripple ">文本框</a>-->
<!--                <a href="#selection_control" class="mdui-list-item mdui-ripple ">选择控件</a>-->
<!--                <a href="#slider" class="mdui-list-item mdui-ripple ">滑块</a>-->
<!--                <a href="#list" class="mdui-list-item mdui-ripple ">列表</a>-->
<!--                <a href="#list_control" class="mdui-list-item mdui-ripple ">列表控制</a>-->
<!--                <a href="#grid_list" class="mdui-list-item mdui-ripple ">网格列表</a>-->
<!--                <a href="#tab" class="mdui-list-item mdui-ripple ">Tab 选项卡</a>-->
<!--                <a href="#toolbar" class="mdui-list-item mdui-ripple ">工具栏</a>-->
<!--                <a href="#appbar" class="mdui-list-item mdui-ripple ">应用栏</a>-->
<!--                <a href="#drawer" class="mdui-list-item mdui-ripple ">抽屉式导航</a>-->
<!--                <a href="#bottom_nav" class="mdui-list-item mdui-ripple ">底部导航栏</a>-->
<!--                <a href="#card" class="mdui-list-item mdui-ripple ">卡片</a>-->
<!--                <a href="#chip" class="mdui-list-item mdui-ripple ">纸片</a>-->
<!--                <a href="#tooltip" class="mdui-list-item mdui-ripple ">工具提示</a>-->
<!--                <a href="#snackbar" class="mdui-list-item mdui-ripple ">Snackbar</a>-->
<!--                <a href="#table" class="mdui-list-item mdui-ripple ">表格</a>-->
<!--                <a href="#dialog" class="mdui-list-item mdui-ripple ">对话框</a>-->
<!--                <a href="#menu" class="mdui-list-item mdui-ripple ">菜单</a>-->
<!--                <a href="#progress" class="mdui-list-item mdui-ripple ">进度指示器</a>-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="mdui-collapse-item ">-->
<!--            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">-->
<!--                <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-brown">view_carousel</i>-->
<!--                <div class="mdui-list-item-content">JavaScript 插件</div>-->
<!--                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>-->
<!--            </div>-->
<!--            <div class="mdui-collapse-item-body mdui-list">-->
<!--                <a href="#collapse" class="mdui-list-item mdui-ripple ">Collapse</a>-->
<!--                <a href="#headroom" class="mdui-list-item mdui-ripple ">Headroom</a>-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="mdui-collapse-item ">-->
<!--            <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">-->
<!--                <i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-purple">local_mall</i>-->
<!--                <div class="mdui-list-item-content">资源</div>-->
<!--                <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>-->
<!--            </div>-->
<!--            <div class="mdui-collapse-item-body mdui-list">-->
<!--                <a href="#material_icon" class="mdui-list-item mdui-ripple ">Material 图标</a>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<div class="mdui-container" style="margin-top: 24px;">
    <div id="transAnimation"
         style="margin: 0 auto; width:200px; text-align: center;padding-top: 200px;transform: scale(1.5,1.5);">
        <div class="mdui-spinner mdui-spinner-colorful"></div>
    </div>
    <iframe
            style="transition-property: all;
                transition-duration: 1500ms;
                transition-timing-function: linear;
                border: 0;
                width: 100%;
                height:auto;
                opacity: 0;"
            id="main-iframe"
            src="demo.html">
    </iframe>
</div>
</body>
</html>